@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%;}
.header , .content , .footer { width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

/**/
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"Microsoft Yahei","宋体";behavior:url(JS/csshover.htc);} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; font-family: "Microsoft Yahei";}
 
/**/
 
 html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"Microsoft Yahei","宋体";behavior:url(JS/csshover.htc);} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; font-family: "Microsoft Yahei";}
 

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none; font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
ul, li { list-style:none;}
 
/**/
 
    /*产品*/
.zx_zx{background:url(bg.jpg) no-repeat center 0 #eef9ff; padding-bottom: 95px; }
.zx_zx h3{ text-align: center; font-size: 36px; color: #333; padding-top: 85px; height: 128px;}
.zx_zx h3 span{ display: block; font-weight: normal; color: #666; font-size: 18px; padding-top: 35px;}
.zx_menu{ height: 80px; overflow: hidden;}
.zx_menu ul li{ float: left; margin-right: 1px;}
.zx_menu ul li a{ display: inline-block; height: 60px; line-height: 60px; color: #fff; text-align: center; background: #005da3; text-transform: uppercase; font-size: 18px; width: 239px;}.zx_menu ul li.last{ margin-right: 0; }
.zx_menu ul li.last a{width: 240px;}.zx_menu ul li a:hover,.zx_menu ul li.cur a{ background:#78bd27;}
.zx_on1{ overflow: hidden; margin-bottom: 60px;}
.zx_on1 dl dt{ font-size: 0; float: left; width: 600px; height: 450px;}
.zx_on1 dl dt img{ width: 600px; height: 450px;}
.zx_on1 dl dd{ width: 590px; float: right;height: 450px;background:url(s_h31.gif) no-repeat center 0 #fff;}
.zx_on1 dl dd h4{ overflow: hidden; padding-left: 48px; font-weight: normal;}
.zx_on1 dl dd h4 span{ display: inline-block; float: right; width: 68px; text-align: center; padding-top:17px; font-weight: bold; color: #fff; font-size: 18px;}
.zx_on1 dl dd h4 i{ display: inline-block; float: left; padding-top: 42px; font-size: 20px; color: #333; padding-bottom: 10px;}
.zx_on1 dl dd h4 i a{color: #333; }
.zx_on1 dl dd p{ padding-left:48px; font-size: 14px; color: #333; line-height: 24px; width: 492px; height: 75px;}
.zx_on1 dl dd em{ display: block; padding-left: 48px; height: 81px;}
.zx_on1 dl dd em a{ display: inline-block; width:91px; height: 38px; line-height: 38px; border: 1px solid #bfbfbf; font-size: 14px; color: #666; padding-left: 53px; margin-right: -1px; font-size: 14px; color: #666;background:url(s_ico11.gif) no-repeat 33px 14px;}
.zx_on1 dl dd em a:hover{border: 1px solid #005da3; position: relative; color: #005da3;background:url(s_ico1.gif) no-repeat 33px 14px;}
.zx_on1 dl dd em a.bg{background:url(s_ico22.gif) no-repeat 33px 14px;}
.zx_on1 dl dd em a.bg:hover{background:url(s_ico2.gif) no-repeat 33px 14px;}
.zx_on1 dl dd h5{ font-size: 0;    margin-top: 60px;}
.zx_on1 dl dd h5 img{     width: 190px;
    height: 157px;}
.zx_on1 dl dd h5 span{ padding-left: 9px;}
.zx_on2 dl dt{ float: right;}.zx_on2 dl dd{ float: left;}
.zx_on3{ margin-bottom: 0;}
 /**/
 
    /**/
 
    /**/
 
    /**/
.case{ height:723px;background:url(case.jpg) no-repeat center 0;  }
.case h3{ text-align: center; font-size: 36px; color: #333; padding-top: 83px; height: 126px;}
.case h3 a{color: #333; }
.case h3 span{ display: block; font-weight: normal; font-size: 18px; color: #666; padding-top: 36px;}
.case dl{ float: left; width: 370px; margin-right: 30px;}.case dl.nom{ margin-right: 0;}
.case dl dt{ font-size: 0;}
.case dl dt img{ width: 370px; height: 230px;}
.case dl dd{ padding:25px 0 0 28px;background:url(c_in3.gif) no-repeat 0 27px  ;}
.case dl dd h4 a{ font-weight: normal; color: #333; font-size: 16px; line-height: 20px; margin-bottom: 7px;}
.case dl dd p{ font-size: 14px; color: #666; line-height: 26px; padding-top: 5px; height: 99px; width: 316px;}
.case dl dd em a{ display: inline-block; width: 104px; height: 24px; line-height: 24px; border-radius: 15px; border: 1px solid #dcdcdc; text-align: center; font-size: 14px; color: #999;}
.case dl.cur dd{background:url(c_in2.gif) no-repeat 0 27px #005da3; height: 185px; color: #fff;}
.case dl.cur dd h4 a{ color: #fff;}
.case dl.cur dd p{ color: #fff;}
.case dl.cur dd em a{ color: #fff; border: 1px solid #fff;}
    /**/
 
    /**/